*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html,body{
   height: 100%;
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
#WebPartWPQ1{
    display: flex;
    justify-content: center;
}
#tbodyDatatatable tr{
    border: .3px solid rgb(182, 182, 182);
    text-transform: capitalize;
}
tbody tr td{
    text-transform: capitalize;
}
tbody tr td:nth-child(2n){
    background-color: #f3f4f6;
}
.formulario{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0 10px;
}

.formulario div div span{
    background-color: #e1e1e1;
}
.page-link {
    color: #0ea438 !important;
}
.page-item.active .page-link {
    color: #fff !important;
    background-color: #0ea438 !important;
    border-color: #0ea438 !important;
}
.contenedor-tabla{
    max-width: 1044px;
}
#myDatatable_wrapper{
    margin: auto;
    max-width: 1044px;
    padding: 2px;
    border: 1px solid #c0bebe;
    border-radius: 5px;
    overflow: hidden;
}
.dtr-control::before{
    border-left: 10px solid rgb(26, 115, 232) !important;
}
.dtr-expanded td::before{
    border-top: 10px solid rgb(255, 0, 0) !important;
    border-left: none;
}
.dtr-expanded > .dtr-control::before{

    border-left: 5px solid transparent !important;
}
@media (width < 1032px ){
    .contenedor-tabla{
        width: 800px;
    }
    #myDatatable_wrapper{
        width: 800px  !important;
    }
}
@media (width < 814px ){
    .contenedor-tabla{
        width: 600px;
    }
    #myDatatable_wrapper{
        width: 600px  !important;
    }
}
@media (width < 630px ){
    .contenedor-tabla{
        width: 400px;
    }
    #myDatatable_wrapper{
        width: 400px  !important;
    }
}
@media (width < 400px ){
    .contenedor-tabla{
        width: 300px;
    }
    #myDatatable_wrapper{
        width: 300px  !important;
    }
}